
  /** Toolbar **/
 .sketch .dijitToolbar {
    border-bottom : 1px solid #b5bcc7;
    background-color : #ffffff;
    background-position : 0px 0px;
    background-repeat : repeat-x;
    padding : 2px 0px 2px 4px;
    zoom : 1;
    font-size : medium;
    border-color : #000000;
    border-width : 3px;
    border-style : solid;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
}
 .sketch .dijitToolbar label {
    padding : 0px 3px 0 6px;
}

  /** override claro/form/Button.css **/
 .sketch .dijitToolbar .dijitButtonNode {
    border : none;
    padding : 2px;
    background-position : 0 -30px;
    background-repeat : repeat-x;
    background-color : #ffffff;
    border-radius : 2px;
    -moz-border-radius : 2px;
    -webkit-border-radius : 2px;
    -moz-box-shadow : none;
    -webkit-box-shadow : none;
    -webkit-transition-property : background-color;
    -webkit-transition-duration : .3s, .35s;
}
 .dj_ie .sketch .dijitToolbar .dijitButtonNode {
    background-color : transparent;/* for IE, which doesn't understand rgba(...) */

}
 .dj_ie6 .sketch .dijitToolbar .dijitButtonNode {
    background : none;/* because background-color: transparent above doesn't work */

}
 .sketch .dijitToolbar .dijitComboBox .dijitButtonNode {
    padding : 0px;
}
 .sketch .dijitToolbar .dijitComboButton {
    padding : 1px;
}

  /* hover status */
 .sketch .dijitToolbar .dijitButtonHover .dijitButtonNode, .sketch .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .sketch .dijitToolbar .dijitToggleButtonHover .dijitButtonNode {
    background-position : 0 0;
    border : solid 1px #769dc0;
    background-color : #ffffff;
    padding : 1px;
    border-color : #000000;
    border-width : 2px;
    border-style : solid;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
}
 .sketch .dijitToolbar .dijitComboButtonHover {
    background-color : #abd6ff;
    border : solid 1px #769dc0;
    padding : 0px;
}
 .sketch .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .sketch .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
    background-position : 0 0;
    padding : 2px;
}
 .sketch .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
    background-color : #7dd6fa;
}

  /* actve status */
 .sketch .dijitToolbar .dijitButtonActive .dijitButtonNode, .sketch .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .sketch .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
    border : solid 1px #769dc0;
    background-color : #ffffff;
    background-position : 0px -177px;
    padding : 1px;
    border-color : #000000;
    border-width : 2px;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
}
 .sketch .dijitToolbar .dijitComboButtonActive {
    -webkit-transition-duration : .2s;
    border : solid 1px #769dc0;
    padding : 0px;
}
 .sketch .dijitToolbar .dijitComboButtonActive .dijitButtonNode {
    background-color : #7dbefa;
    background-position : 0px -177px;
    padding : 2px;
}
 .sketch .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive {
    background-color : #7dbefa;
}

  /* toggle button checked status */
 .sketch .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
    border-color : #769dc0;
    background-color : #fff;
    padding : 1px;
}

  /** hacks for browsers **/
 .dj_ie6 .sketch .dijitToolbar .dijitButtonContents, .dj_ie7 .sketch .dijitToolbar .dijitButtonContents {
    margin : -2px 0;
    padding : 0;
}
 .dj_ie6 .sketch .dijitToolbar {
    background-image : none;
}
 .dj_ie6 .sketch .dijitToolbar .dijitButtonNode {
    margin : 1px;/* as transparent the border */

    border : none;
}
 .dj_ie6 .sketch .dijitToolbar .dijitButtonHover .dijitButtonNode, .dj_ie6 .sketch .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitButtonNodeHover, .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, .dj_ie6 .sketch .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .dj_ie6 .sketch .dijitToolbar .dijitButtonActive .dijitButtonNode, .dj_ie6 .sketch .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitButtonNodeActive, .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive, .dj_ie6 .sketch .dijitToolbar .dijitToggleButtonActive .dijitButtonNode, .sketch .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
    margin : 0;/* remove margin and add a border */

    border-width : 1px;
    border-style : solid;
    background-image : none;
}
 .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitButtonNodeHover, .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitButtonNodeActive, .dj_ie6 .sketch .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive {
    padding : 1px;/* ComboButton use table td has no margin, so we minus padding 2px -> 1px for the 1px border. ie6... */

}
 .sketch .dijitToolbarSeparator {
    
  /* separator icon in the editor sprite */
background : url('../../icons/images/editorIconsEnabled.png');
}

  /* Toolbar inside of disabled Editor */
 .sketch .dijitDisabled .dijitToolbar {
    background : none;
    background-color : #f5f5f5;
    border-bottom : 1px solid #d3d3d3;
}
